{% extends "base.html" %}

{% block extrastyle %}
<link rel="stylesheet" href="/static_media/sig/jquery.signaturepad.css">
{% endblock %}

{% block extrahead %}
<script src="/static_media/sig/jquery.min.js"></script>
{% endblock %}

{% block title %}Viewing Signed Waiver{% endblock %}
{% block crumb %}&rsaquo; View signed waiver{% endblock %}

{% block content %}
  <h1>Viewing Signed Waiver {{ name }}</h1>

  <p>{{ content }}</p>

<div class="sigPad signed"><div class="sigWrapper">
<canvas class="pad" width="198" height="55"></canvas></div>
<p>{{waiver_sig}},<br>{{waiver_date}}</p></div></div>



<script src="http://static.thomasjbradley.ca/lab/signature-pad/jquery.signaturepad.min.js"></script>
<script src="http://static.thomasjbradley.ca/lab/signature-pad/sample-signature-output.js"></script>
<script>
		var sig = {{waiver_json|safe}};
                $(document).ready(function(){
			$('.sigPad').signaturePad({displayOnly:true}).regenerate(sig);
		});
	</script>
<script src="http://static.thomasjbradley.ca/lab/signature-pad/json2.min.js"></script>
</body>
{% endblock %}